<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部区域开始 -->
    <div class="header">
        <ul>
            <li>
                <img src="./images/close.png" alt="">
            </li>
            <li>
                <img src="./images/logo.png" alt="">
            </li>
            <li>打开京东APP,购物更轻松</li>
            <li>立即打开</li>
        </ul>
    </div>
    <!-- 搜索框 -->
    <div class="searcher">
        <div class="search-btn">
        </div>
        <div class="search">
            <div class="search-jd-icon"></div>
            <div class="search-input-icon"></div>
            <input type="search" class="txt" maxlength="20" placeholder="投影仪家用" autocomplete="off">
        </div>
        <div class="search-login">登陆</div>
    </div>
    <!-- 主体部分 -->
    <div class="maincontent">
        <div class="slider-bg">
        </div>
        <!-- 焦点图 -->
        <div class="slider">
            <a href="#">
                <img src="../jd-mobile/upload/bg.jpg" alt="">
            </a>
        </div>
    </div>
    <!-- brand部分 -->
    <div class="brand">
        <div>
            <a href="#">
                <img src="../jd-mobile/upload/pic11.dpg" alt=""></a>
        </div>
        <div>
            <a href="#">
                <img src="../jd-mobile/upload/pic22.dpg" alt="">
            </a>
        </div>
        <div>
            <a href="#">
                <img src="../jd-mobile/upload/pic33.dpg" alt="">
            </a>
        </div>
    </div>
    <!-- nav部分 -->
    <div class="nav">
        <a href="#">
            <img src="../jd-mobile/upload/nav1.webp" alt="">
            <p>京东商城</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/nav1.webp" alt="">
            <p>京东商城</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/nav1.webp" alt="">
            <p>京东商城</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/nav1.webp" alt="">
            <p>京东商城</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/nav1.webp" alt="">
            <p>京东商城</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/nav1.webp" alt="">
            <p>京东商城</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/nav1.webp" alt="">
            <p>京东商城</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/nav1.webp" alt="">
            <p>京东商城</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/nav1.webp" alt="">
            <p>京东商城</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/nav1.webp" alt="">
            <p>京东商城</p>
        </a>

    </div>
    <!-- 抽奖部分 -->
    <div class="part clearfix">
        <a href="#">
            <img src="../jd-mobile/upload/new1.dpg" alt="">
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/new2.dpg" alt="">
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/new3.dpg" alt="">
        </a>
    </div>
    <!-- include部分 -->
    <div class="include clearfix">
        <a href="#">
            <img src="../jd-mobile/upload/upload/list1.jpg.dpg" alt="">
            <h4>爆款手机</h4>
            <p>现货开抢</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/upload/list1.jpg.dpg" alt="">
            <h4>爆款手机</h4>
            <p>现货开抢</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/upload/list1.jpg.dpg" alt="">
            <h4>爆款手机</h4>
            <p>现货开抢</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/upload/list1.jpg.dpg" alt="">
            <h4>爆款手机</h4>
            <p>现货开抢</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/upload/list1.jpg.dpg" alt="">
            <h4>爆款手机</h4>
            <p>现货开抢</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/upload/list1.jpg.dpg" alt="">
            <h4>爆款手机</h4>
            <p>现货开抢</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/upload/list1.jpg.dpg" alt="">
            <h4>爆款手机</h4>
            <p>现货开抢</p>
        </a>
        <a href="#">
            <img src="../jd-mobile/upload/upload/list1.jpg.dpg" alt="">
            <h4>爆款手机</h4>
            <p>现货开抢</p>
        </a>
    </div>
    <!-- floor开始 -->
    <div class="floor">
        <!-- 上面部分 -->
        <div class="floor-hd">
            <div class="floor-hd-ld ">
                <div class="show">
                    <h5>换个新机</h5>
                    <p>极简ID 唯美设计</p>
                </div>
                <div class="real">
                    <a href="#">
                        <img src="../jd-mobile/upload/upload/bo4.jpg.dpg" alt="">
                    </a>
                    <a href="#">
                        <img src="../jd-mobile/upload/upload/bo4.jpg.dpg" alt="">
                    </a>
                </div>
            </div>
            <div class="floor-hd-ld">
                <div class="show">
                    <h5>换个新机</h5>
                    <p>极简ID 唯美设计</p>
                </div>
                <div class="real">
                    <a href="#">
                        <img src="../jd-mobile/upload/upload/bo4.jpg.dpg" alt="">
                    </a>
                    <a href="#">
                        <img src="../jd-mobile/upload/upload/bo4.jpg.dpg" alt="">
                    </a>
                </div>
            </div>
        </div>
        <!-- 上面部分结束 -->
        <!-- 下面部分开始 -->
        <div class="floor-bd">
            <div class="floor-pic">
                <div class="floor-font">
                    <h5>完美纪念</h5>
                    <p>专属礼物</p>
                </div>
               <a href="#">
                   <img src="../jd-mobile/upload/upload/bo5.jpg.dpg" alt="">
               </a>
            </div>
            <div class="floor-pic">
                <div class="floor-font">
                    <h5>完美纪念</h5>
                    <p>专属礼物</p>
                </div>
               <a href="#">
                   <img src="../jd-mobile/upload/upload/bo5.jpg.dpg" alt="">
               </a>
            </div>
            <div class="floor-pic">
                <div class="floor-font">
                    <h5>完美纪念</h5>
                    <p>专属礼物</p>
                </div>
               <a href="#">
                   <img src="../jd-mobile/upload/upload/bo5.jpg.dpg" alt="">
               </a>
            </div>
            <div class="floor-pic">
                <div class="floor-font">
                    <h5>完美纪念</h5>
                    <p>专属礼物</p>
                </div>
               <a href="#">
                   <img src="../jd-mobile/upload/upload/bo5.jpg.dpg" alt="">
               </a>
            </div>
            
        </div>
    </div>
    <!-- footer部分 -->
    <footer>
        <div class="footer1">
            <a href="#">
                <img src="../jd-mobile/images/icon01.png" alt="">
            </a>
        </div>
        <div class="footer1">
            <a href="#">
                <img src="../jd-mobile/images/icon02.png" alt="">
            </a>
        </div>
        <div class="footer1">
            <a href="#">
                <img src="../jd-mobile/images/icon03.png" alt="">
            </a>
        </div>
        <div class="footer1">
            <a href="#">
                <img src="../jd-mobile/images/icon04.png" alt="">
            </a>
        </div>
        <div class="footer1">
            <a href="#">
                <img src="../jd-mobile/images/icon05.png" alt="">
            </a>
        </div>
    </footer>
</body>

</html>